<!-- 
说明：新建商品表
作者：292303959@qq.com
日期：2018-10-17 10:5:20
版本：1.0.0
-->
<template>
  <div>
    <mk-button :type="0"
               icon="el-icon-plus"
               @click="show">新建</mk-button>
    <tProduct-form v-if="visible"
                   @close="close"
                   :is-add="true"
                   :is-audit="false"
                   :is-view="false"
                   title="新建商品表"
                   btn-name="保存" />

  </div>
</template>
<script>
  import TProductForm from './form'
  export default {
    name: 'add-button',
    components: {
      TProductForm
    },
    data () {
      return {
        visible: false
      }
    },
    methods: {
      show () {
        this.visible = true
      },
      /**
       * 关闭对话框时触发
       * 根据弹框是否需要重载页面而反馈到列表
       */
      close (reload) {
        this.visible = false
        if (reload === true) {
          this.$emit('reload')
        }
      }
    }
  }
</script>